<link href="<?=url()?>templates/css/lienhe.css" type="text/css" rel="stylesheet" />
<div class="lienhe">
	<div class="lienhe-title">Liên hệ <?=$this->config->item('site_name')?></div>
    <div class="cont_left">
    	<div class="cont-company">
        	<p class="name-co"><?=$this->config->item('site_name')?></p>
            <h2>Trụ sở chính</h2>
            <ul>
                <li class="left">Địa chỉ</li>
                <li class="right">:&nbsp;&nbsp;<?=$this->config->item('site_address')?> </li>
            </ul>
            <ul>
                <li class="left">Điện thoại</li>
                <li class="right">:&nbsp;&nbsp;<?=$this->config->item('site_phone')?> - Hỗ trợ: <?=$this->config->item('hotline')?> </li>
            </ul>
            <h2>Văn Phòng </h2>
            <ul>
                <li class="left">Địa chỉ</li>
                <li class="right">:&nbsp;&nbsp;<?=$this->config->item('address2')?> </li>
            </ul>
             <ul>
                <li class="left">Điện thoại</li>
                <li class="right">:&nbsp;&nbsp;<?=$this->config->item('phone2')?> </li>
            </ul>
            <ul>
                <li class="left">Mã số thuế	</li>
                <li class="right" >:&nbsp;&nbsp;<b><?=$this->config->item('masothue')?></b></li>
            </ul>
            <ul>
                <li class="left">Website</li>
                <li class="right">:&nbsp;&nbsp;<b><?=$this->config->item('site_url')?></b></li>
            </ul>
            <ul>
                <li class="left">Email</li>
                <li class="right">:&nbsp;&nbsp;<b><?=$this->config->item('site_email')?></b></li>
            </ul>
            <ul>
                <li class="left">Tài khỏan</li>
                <li class="right"> :&nbsp;&nbsp;<?=$this->config->item('vietcombank')?></li>
            </ul>
        </div>
        <div class="cont-form">
        	<div style="padding-bottom:5px;">Nếu quý khách có thắc mắc hay ý kiến phản hồi, đóng góp xin vui lòng điền vào Form dưới đây và gửi cho chúng tôi. Xin chân thành cảm ơn!</div>
        	<form id="frmcontacts" name="frmcontacts" method="post" action="<?=base_url().$seg?>/lienhe/action">
            <div class="contacts">
                <ul>
                    <li class="left"> Họ tên (*) </li>
                    <li class="right">
                        <input type="text" size="40" id="cus_name" name="cus_name" class="lhe">
                    </li>
                </ul>
                <ul>
                    <li class="left">Địa chỉ (*) </li>
                    <li class="right">
                        <input type="text" size="40" id="cus_address" name="cus_address" class="lhe">
                    </li>
                </ul>
                <ul>
                    <li class="left">Email (*) </li>
                    <li class="right">
                        <input type="text" size="40" id="cus_mail" name="cus_mail" class="lhe">
                    </li>
                </ul>
                <ul>
                    <li class="left">Điện thoại (*) </li>
                    <li class="right">
                        <input type="text" size="40" id="cus_phone" name="cus_phone" class="lhe">
                    </li>
                </ul>
                <ul>
                    <li class="left">Liên hệ tới phòng </li>
                    <li class="right">
                        <input type="text" size="40" id="cus_room" name="cus_room" class="lhe">
                    </li>
                </ul>
                <ul>
                    <li class="left">Tiêu đề (*)</li>
                    <li class="right">
                        <input type="text" size="40" id="cus_title" name="cus_title" class="lhe">
                    </li>
                </ul>
                <ul>
                    <li class="left">Nội dung liên lạc (*)</li>
                    <li class="right">
                        <textarea rows="6" style="width:250px" cols="15" id="cus_content" name="cus_content"></textarea>
                    </li>
                </ul>
                <ul>
                    <li class="left">Mã bảo vệ (*)</li>
                    <li class="right">
                        <input  type="text" size="40" id="lb_secury" name="lb_secury" class=" lb_secury">
                        <img  src="<?=site()?>lienhe/getcaptcha" width="75" height="26" />
                    </li>
                </ul>
                <ul>
                    <li class="left"></li>
                    <li class="right error"><?=$this->session->flashdata('message');?> </li>
                   
                </ul>
                <ul>
                    <li class="left"></li>
                    <li class="right">
                        <input type="submit" value="Gửi" id="btnlienhe" class="btn" name="btnlienhe" >
                        <input type="reset" value="Làm lại"  class="btn" name="btn_reset" >
                    </li>
                </ul>
               <ul>
                    <li class="left"></li>
                    <li class="right"> </li>
                   
                </ul>
            </div>
        </form>
        </div>
        <div class="clear"></div>
    </div>
    <div class="cont_right">
    	<div class="map-cty">
        	<p class="name-co"><?=$this->config->item('site_name')?></p>
            <img src="<?=url().'templates/images/map.png'?>" width="475" height="290">
        </div>
        <div class="map-cty">
        	<p class="name-co">Văn phòng đại diện</p>
            <img src="<?=url().'templates/images/map.jpg'?>"width="475" height="290">
        </div>
    </div>
    <div class="clear"></div>
</div>
<script>
$(document).ready(function(){
	$("#frmcontacts").validate({
		errorClass      : 'error',
		errorElement	: 'span',
		onfocusout		: false,
		onkeyup			: false,
		ignore			: 'input[type="text"]:hidden',
        rules: {
            cus_name:{
				required:true,
				maxlength:150
			},
			 cus_address:{
				required:true,
				maxlength:255
			},
			cus_mail:{
				required:true,
				email:true,
				maxlength:150
			},
			cus_phone:{
				validate_phone:true,
			},
			 cus_title:{
				required:true,
				maxlength:255
			},
			cus_content:"required",
			lb_secury:"required",
            
        },
        messages: {
			cus_name: {
				required:"Vui lòng nhập họ và tên vào.",
				maxlength:"Họ và tên của bạn không quá 150 ký tự."
			},
			cus_address: {
				required:"Vui lòng nhập địa chỉ vào.",
				maxlength:"Địa chỉ của bạn không quá 255 ký tự."
			},
			cus_mail:{
				required:"Vui lòng nhập email vào.",
				email:"Email không đúng định dạng.",
				maxlength:"Email không quá 150 ký tự."
			},
			cus_phone:{
				validate_phone:"Nhập đúng định dạng (vd: 09xxxxxxxx, 01xxxxxxxxx)."
			},
			cus_title: {
				required:"Vui lòng nhập tiêu đề vào.",
				maxlength:"Tiêu đề không quá 255 ký tự."
			},
			noidung:"Vui lòng nhập nội dung vào.",
			lb_secury:"Vui lòng mã bảo vệ vào."
        },
		errorPlacement: function(error, element) {
				var id = element.attr('id');	
				error.insertAfter($('#' + id));	
			}
    });
	// add method validate phone
	$.validator.addMethod("validate_phone", function (str) {
		var reg = /^(84|0)[\d]{8,11}$/;
		//str=$('#phone').val();
		if (reg.test(str) == false) {
			return false;
		} else {
			return true;
		}
	});

});
</script>